{#
 # ---------------------------------------------------------------------
 #
 # GLPI - Gestionnaire Libre de Parc Informatique
 #
 # http://glpi-project.org
 #
 # @copyright 2015-2025 Teclib' and contributors.
 # @licence   https://www.gnu.org/licenses/gpl-3.0.html
 #
 # ---------------------------------------------------------------------
 #
 # LICENSE
 #
 # This file is part of GLPI.
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU General Public License as published by
 # the Free Software Foundation, either version 3 of the License, or
 # (at your option) any later version.
 #
 # This program is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU General Public License
 # along with this program.  If not, see <https://www.gnu.org/licenses/>.
 #
 # ---------------------------------------------------------------------
 #}

{% import 'components/form/fields_macros.html.twig' as fields %}

<section class="container-narrow" aria-labelledby="add-tile-header">
    <form>
        {{ fields.dropdownArrayField(
            '_itemtype_tile',
            '',
            possible_tiles_dropdown_values,
            _n('Type', 'Types', 1),
            {
                full_width: true,
                is_horizontal: false,
                display_emptychoice: true,
                add_data_attributes: {'glpi-helpdesk-config-add-tile-type': ''},
            }
        ) }}

        {% for tile in possible_tiles %}
            <div
                class="d-none"
                data-glpi-helpdesk-config-add-tile-form-for="{{ get_class(tile)|replace({"\\": "-"}) }}"
            >
                {{ include(tile.getConfigFieldsTemplate(), {tile: tile}, with_context = false) }}
            </div>
        {% endfor %}

        <input type="hidden" name="_glpi_csrf_token" value="{{ csrf_token() }}" />

        <div class="d-flex mt-4 mb-3">
            <button
                type="button"
                class="btn btn-primary ms-2 w-auto d-none align-items-center"
                data-glpi-helpdesk-config-add-tile-submit
            >
                <i
                    class="ti ti-plus me-1"
                    data-glpi-helpdesk-config-add-tile-submit-plus-icon
                ></i>
                <i
                    class="ti ti-loader-2 fa-spin me-1 d-none"
                    data-glpi-helpdesk-config-add-tile-submit-spinner-icon
                ></i>
                <span>{{ __("Add tile") }}</span>
            </button>
        </div>
    </form>
</section>
